<div class="container">
    <div class="row" style="margin-bottom: 20px; border-bottom: 1px solid #888;">
         <h1>This week (Coming soon) </h1>
        <div class="btn-group">
            <button type="button" class="btn btn-primary" ng-model="_type" btn-radio="'text'">Text</button>
            <button type="button" class="btn btn-primary" ng-model="_type" btn-radio="'map'">Map</button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 well">
            <highchart ng-if="_type == 'map'" id="newContactsChart" config="newContactsChartConfig"></highchart>
            <div ng-if="_type == 'text'">
                 <h4>New Contacts</h4>
                <ul>
                    <li ng-repeat="i in newContacts">{[ i.name ]}: {[ i.y ]}</li>
                </ul>
            </div>
        </div>
        <div class="col-md-3 well">
            <highchart ng-if="_type == 'map'" id="newQuoteChart" config="newQuoteChartConfig"></highchart>
            <div ng-if="_type == 'text'">
                 <h4>New Quotes</h4>
                <ul>
                    <li ng-repeat="i in newQuotes">{[ i.name ]}: {[ i.y ]}</li>
                </ul>
            </div>
        </div>
        <div class="col-md-3 well">
            <highchart ng-if="_type == 'map'" id="newRequirementChart" config="newRequirementChartConfig"></highchart>
            <div ng-if="_type == 'text'">
                 <h4>New Needs</h4>
                <ul>
                    <li ng-repeat="i in newRequirements">{[ i.name ]}: {[ i.y ]}</li>
                </ul>
            </div>
        </div>
        <div class="col-md-3 well">
            <highchart ng-if="_type == 'map'" id="newVectorChart" config="newVectorChartConfig"></highchart>
            <div ng-if="_type == 'text'">
                 <h4>New Vectors</h4>
                <ul>
                    <li ng-repeat="i in newVectors">{[ i.name ]}: {[ i.y ]}</li>
                </ul>
            </div>
        </div>
    </div>
</div>